@charset "utf-8";
body{
	font-family:'Microsoft Yahei','Arial';
    font-size: 14px;
}
@font-face{
	font-family:'Bodoni';
	src:url('../font/Bodoni.ttf');
}
.w1038{
	width:1038px;
	margin:0 auto;
}
.header{
	width:100%;
	min-width: 1038px;
}
.header-top{
	width:100%;
	height: 50px;
	line-height: 50px;
	background: #6A696C;
	color: #fff;
}
.header .fixed{
	position: fixed;
	left: 0px;
	top:0px;
	z-index: 999;
	background: rgba(0,0,0,0.7);
}
.header-top-l>a{
	color: #fff;
	display: inline-block;
	margin-right: 4%;
}
.header-top-l .sign{
	cursor: pointer;
}
.header-top-l>span{
	display: inline-block;
	margin-right: 2%;
	text-decoration: underline;
	cursor: pointer;
	color: #fff;
}
.header-top-l span a{
	color: #fff;
}
.header-top-l{
	width:47%;
	float: left;
}
.header-top-r{
	width: 53%;
	float: right;
	text-align: right;
}
.shop-cart{
	display: inline-block;
	background: url(../images/shop-cart.png) left center no-repeat;
	padding-left: 35px;
	position: relative;
}
.shop-cart:hover .cart-bag{
    display: block;
}
.shop-cart>a{
	color: #fff;
}
.cart-bag{
	position: absolute;
	background: #fff;
	top:50px;
	left:-30%;
	width: 390px;
	padding:20px 15px; 
	min-height: 100px;
	border: 1px solid #BFBDBF;
	box-shadow: 1px 1px 2px #BFBDBF, -1px 0px 2px #BFBDBF;
	z-index: 4;
	color: #393737;
	text-align: left; 
    line-height: normal;
    display: none;
}
.cart-bag ul{
	max-height: 330px;
	overflow: auto;
}
.cart-bag ul li{
	padding-bottom: 20px;
	border-bottom: 1px solid #DCDBDB;
	margin-bottom: 20px;
}
.cart-bag-l{
	float: left;
	width: 29%;
}
.cart-bag-r{
	float: right;
	width:67%;
	padding: 10px 0;
}
.cart-bag-r h3{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}
.cart-bag-r h3 a:hover{
    color: #FE0707;
	text-decoration: underline;
}
.cart-bag-r .one-price{
	font-size: 22px;
	color: #fb0404;
}
.cart-bag-l img{
	width: 112px;
	height: 129px;
	display: block;
	border: 1px solid #BFBDBF;
}
.cart-bag-r .one-price .delete{
	display: inline-block;
	width: 76px;
	height: 28px;
	line-height: 28px;
	background: #393737;
	color: #fff;
	font-size: 17px;
	text-align: center;
	margin-left: 18px;
	cursor: pointer;
	border-radius: 5px;
}
.cart-bag-r .one-price .old-price{
	color: #5d5c5c;
	font-size: 16px;
    text-decoration: line-through;
}
.cart-total{
	text-align: right;
	font-size: 18px;
	margin-bottom: 15px;
}
.cart-total span{
    color: #fb0404;
    display: inline-block;
    margin-left: 10px;
}
.view-cart{
	font-size: 18px;
}
.view-cart a{
   text-decoration: underline;
   color: #767578;
}
.view-cart .check{
	display: inline-block;
	width: 114px;
	height: 30px;
	line-height: 30px;
	background: #221E1F;
	color: #fff;
	text-align: center;
	margin-left: 18%;
	 text-decoration: none;
}
.header-top-r .languge{
	border:none;
	background: #EAEAEA;
	color: #6d6767;
	height: 24px;
	padding: 0px 5px;
	margin-left: 4%;
}
.header-top-r .languge option{
	color: #fff;
	color: #6d6767;
}
.header-top-r form{
	display: inline-block;
	margin-left: 4%;
	vertical-align: middle;
}
.header-top-r form .text{
   width:180px;
   padding:0px 5px;
   height: 24px;
   line-height: 24px;
   border: none; 
   background: #EAEAEA;
   float: left;
}
.header-top-r form .submit{
	width: 26px;
	height: 24px;
	background: url(../images/search-btn.png) no-repeat;
	background-size: cover;
	border: none;
	float: left;
	cursor: pointer;
}
.header-bottom{
	padding: 25px 0;
}
.header-bottom .company-logo{
	float: left;
	width:16.1%;
	height:75px; 
}
.header-bottom .company-logo img{
	width: 100%;
    height: 100%;
    display: block;
}
.header-nav{
	width: 80%;
	float: right;
	text-align: right;
	padding-top:15px;
	position: relative;
}
.header-nav>li{
	display:inline-block;
	height: 40px;
	line-height: 40px;
	width: 15.5%;
}
.header-nav>li>a{
	text-transform: uppercase;
	color: #010004;
	font-weight: 500;
}
.header-nav>li>a:hover{
	color: #7e7d81;
}
.header-nav>li.active>a{
	color: #7e7d81;
}
.header-nav2-box{
	position: absolute;
	right:0px;
	top:55px;
	width: 950px;
	min-height: 200px;
	background: #fff;
	box-shadow: 3px 3px 6px rgba(0,0,0,.5),-2px -2px 5px rgba(0,0,0,.3);
	display: none;
	z-index: 3;

}
.header-nav>li:hover .header-nav2-box{
   display: block;
}
.header-nav2-box em{
    background: url(../images/down-icon.png) no-repeat;
    width: 13px;
    height: 8px;
    display: block;
    margin-top: -12px;
    margin-left:55%;
}
.header-nav2{
	width: 92%;
	margin: 25px auto;
	text-align: left;
}
.header-nav2 h2{
	border-bottom: 1px solid #000;
	line-height: normal;
	margin-bottom: 10px;
	font-size: 22px;
	color: #aaa9a9;
	font-weight: 500;
	padding-bottom: 5px;
}
.header-nav2 h2 span{
	display: inline-block;
	margin-right: 15px;
	cursor: pointer;
}
.header-nav2 h2 .on{
	color: #000;	
}
.header-nav2 ul{
	display: none;
}
.header-nav2 ul li{
    float: left;
    display: block;
	width: 30%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	height: 22px;
	line-height: 22px;
	margin-right: 5%;
	margin-top: 5px;
}
.header-nav2 ul li a{
	font-size: 15px;
}
.header-nav2 ul li a:hover{
	text-decoration: underline;
	color: #ff0113;
}
.header-nav2 ul li:nth-child(3n){
	margin-right:0;
}
/*banner*/
.banner-box{
	width: 1038px;
	height: 683px;
	margin:0 auto;
	margin-bottom: 30px;
}
.flexslider{
	width:100%;
	position:relative;
	height:683px;
	overflow:hidden;
}
.slides{
	width:100%;
	position:relative;
	z-index:1;
}
.slides li{
	height:683px;
}
.flex-control-nav{
	position:absolute;
	bottom:15px;
	z-index:2;
	width:100%;
	text-align:center;
}
.flex-control-nav li{
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 5px;
	*display:inline;
	zoom:1;
}
.flex-control-nav a{
	display:inline-block;
	width:14px;
	height:14px;
	line-height:40px;
	overflow:hidden;
	background:url(../images/dot.png) 0 0 no-repeat;
	cursor:pointer;
}
.flex-control-nav .flex-active{
	background-position:
	right 0;
}
.flex-direction-nav{
	position:absolute;
	z-index:3;
	width:100%;
	top:45%;
}
.flex-direction-nav li a{
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
}
.id-discount{
	width: 1050px;
	margin: 0 auto;
	height:519px;
    position: relative;
    margin-bottom: 30px;
}
.id-discount img{
	width: 1050px;
	height:519px;
}
.id-discount a{
	position: absolute;
	display: block;
	width: 170px;
	height: 60px;
	bottom:12%;
	text-indent: -9999em;
}
.id-discount .kid{
	left:28%;
}
.id-discount .adl{
	right:36%;
}
.new-product{
	margin-bottom: 35px;
}
.new-product-top{
	background: #221E1F;
	height: 136px;
	font-family: "Arial";
}
.new-product-top h1{
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 30px;
	padding: 22px 0;
}
.new-product-top a{
	display: block;
	height: 42px;
	width: 132px;
	line-height: 42px;
	text-align: center;
	border: 1px solid #fff;
	background: #fff;
	margin: 0 auto;
	text-transform: uppercase;
	color: #221e1f;
	font-weight: 500;
	font-size: 20px;
}
.new-product-top a:hover{
	background: #000;
	color: #fff;
}

.new-product-list li{
	border:1px solid #000;
	width: 22.162%;
	text-align: center;
	padding: 22px 1.36%;
	font-family: "Arial";
	position: relative;
	float: left;
	margin-right: -1px;
	margin-bottom: -1px;
}
.new-product-list li:nth-child(4n){
	margin-right: 0px;
}
.new-product-list li img{
	width: 230px;
	height: 230px;
	display: block;
}
.new-product-list li .info{
	padding: 13px 0 5px 0;
}
.new-product-list li h3{
	font-size: 16px;
	font-weight: 500;
	color: #000;
	margin-bottom: 10px;
}
.new-product-list li .price span{
    display: inline-block;
    margin: 0 10px;
}
.new-product-list li .price .new-price{
	color: #fb0202;
	font-size: 20px;
}
.new-product-list li .price .old-price{
	color: #5d5c5c;
	font-size: 16px;
	text-decoration: line-through;
}
.new-product-list li .shop-now{
	width: 136px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	display: block;
	margin: 0 auto;
	background: #221E1F;
	color: #fff;
	font-size: 15px;
	margin-top: 15px;
}
.new-product-list li:hover .shop-now{
	background: #000;
}
.new-product-list li .save-logo{
	position: absolute;
	top:3px;
	right: 2px;
	width: 99px;
	height: 99px;
	background: url(../images/save-logo.png) no-repeat;
	background-size: cover;
}

.hit-product{
	margin-bottom: 40px;
}
.hit-l{
	width: 351px;
	float: left;
}
.hit-l .hit-box1{
	width: 351px;
	height: 527px;
}
.hit-m{
	width: 407px;
	float: left;
	margin-left: 20px;
}
.hit-m .hit-box1{
	width: 407px;
	height: 255px;
}
.hit-m .hit-box2{
	width: 407px;
	height: 270px;
}
.hit-r{
	width: 237px;
	float: right;
}
.hit-r .hit-box1{
	width:237px;
	height: 356px;
}
.hit-r .hit-box2{
	width: 237px;
	height: 169px;
}
.hit-box{
	position: relative;
	text-align: center;
	overflow: hidden;
}
.hit-box{
	margin-top: 2px;
}
.hit-box:first-of-type{
	margin-top: 0px;
}
.hit-box  img{
	max-width: 100%;
	height: auto;
	display: block;
	transition:All 0.4s ease-in-out;    
	-webkit-transition:All 0.4s ease-in-out;    
	-moz-transition:All 0.4s ease-in-out;    
	-o-transition:All 0.4s ease-in-out;
}
.hit-box:hover img{
	transform:scale(1.1);    
	-webkit-transform:scale(1.1);    
	-moz-transform:scale(1.1);    
	-o-transform:scale(1.1);    
	-ms-transform:scale(1.1);
}
.hit-box .hit-txt{
	position: absolute;
	left: 0px;
	z-index: 2;
	top:30%;
	color: #fff;
	font-family:'Bodoni';
	font-size:21px;
	font-weight: 500;
	padding: 0px 1.5%;
	width: 97%;
	text-transform: uppercase;
	line-height: 1.5em;
}
.hit-box .hit-txt .shop-now{
	font-size:16px;
	display: block;
	margin:0 auto;
	width: 104px;
	height: 36px;
	line-height: 36px;
	border: 2px solid #fff;
	margin-top: 20px;
	/*-webkit-transition: .4s all;
	-moz-transition: .4s all;
	-o-transition: .4s all;
	-ms-transition: .4s all;
    transition: .4s all;*/
}
.hit-box:hover .hit-txt .shop-now{
	/*-moz-transform: rotate(360deg); 
	-webkit-transform: rotate(360deg); 
	-o-transform: rotate(360deg); 
	-ms-transform: rotate(360deg); 
	transform: rotate(360deg); */
	background: rgba(0,0,0,0.8);
}
.footer{
	width: 100%;
	min-width: 1038px;
	background: #6A696C;
	padding: 20px 0;
	color: #fff;
}
.footer .company-logo{
	text-align: center;
	margin-bottom:20px;
}
.footer .company-logo img{
	width: 167px;
	height: 75px;
}
.footer-nav{
	text-align: center;
	margin-bottom: 25px;
}
.footer-nav a{
	display: inline-block;
	color: #fff;
	padding: 0px 50px;
	height: 17px;
	line-height: 17px;
	text-transform: uppercase;
	border-left: 2px solid #fff;
}
.footer-nav a:first-child{
	border-left: none;
}
.footer-info-l{
	float: left;
	width: 45%;
	line-height: 1.8em;
}
.footer-info-m{
	float: left;
	width: 164px;
	height: 158px;
}
.footer-info-r{
	width: 30%;
	float: right;
}
.footer-info-r form textarea{
	width:99%;
	height: 105px;
	color: #fff;
	background: #221E1F;
	border: none;
	padding-left: 1%;
}
.footer-info-r form .text{
	padding-left: 1%;
	background: #221E1F;
	width: 84%;
	height: 46px;
	line-height: 46px;
	border: none;
	color: #fff;
}
.footer-info-r form .submit{
	float: right;
	width: 15%;
	height: 46px;
	line-height: 46px;
	border: none;
	background: #060505;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
}
.footer-copy{
	margin-top: 25px;
	text-align: center;
	font-size: 16px;
}
/*layer*/
.layer{
	width:100%;
	height:100%;
	position:fixed;
	z-index:9999;
	background:rgba(0,0,0,0.6);
	left:0; 
	top:0;
	display: none;
}
.login-box{
	background: #fff;
	line-height: normal;
	width: 286px;
	padding: 15px;
	position: absolute;
	top:20%;
	left:50%;
	margin-left: -158px;
	box-shadow: 3px 3px 5px rgba(0,0,0,.3),-3px -3px 5px rgba(0,0,0,.3);
	color: #aaa9a9;
}
.login-type{
	border-bottom: 1px solid #AAA9A9;
	font-size: 18px;
	height: 32px;
	margin-bottom: 20px;
}
.login-type span{
	display: inline-block;
	margin-left: 20px;
	height: 32px;
	line-height: 32px;
	padding: 0px 10px;
	cursor: pointer;
}
.login-type .on{
	border: 1px solid #AAA9A9;
	border-bottom: none;
	border-radius: 5px 5px 0px 0px;
	background: #fff;
	margin-bottom: -1px;
	color: #000;
}
.login-tab{
	display: none;
}
.login-tab form>div{
	margin-bottom: 20px;
}
.login-tab form input{
	width: 98%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #AAA9A9;
	padding-left: 2%;
	text-align: left;
}
.login-tab form .submit{
	width: 100%;
	padding-left: 0;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	margin-top: 20px;
	border: none;
}
.login-tab form p{
	color: #313030;
}
.login-tab form a{
	color: #313030;
	text-decoration: underline;
}
.login-tab form label{
	font-size: 13px;
}
.login-tab form .checkbox{
	width: auto;
	height: auto;
	margin-left: 18px;
	margin-right: 5px;
}
.close{
	width: 30px;
	height: 30px;
	display: block;
	background:url(../images/close.png);
	position: absolute;
	top:-10px;
	right: -10px;
	cursor: pointer;
}
